<template>
  <PageWrapper title="" contentFullHeight fixedHeight>
    <div class="bg-white h-full p-4" style="border-radius: 8px">
      <Scrollbar>
        <Tabs v-model:activeKey="activeKey" type="card" centered>
          <TabPane tab="系统环境" key="environment"> <SystemEnvironment /> </TabPane>
          <TabPane tab="系统变量" key="variables"> <SystemVariables /> </TabPane>
          <TabPane tab="许可证" key="license"> <SystemLicense /> </TabPane>
        </Tabs>
      </Scrollbar>
    </div>
  </PageWrapper>
</template>
<script lang="ts" setup>
  import { ref } from 'vue';
  import { Tabs, TabPane } from 'ant-design-vue';
  import SystemEnvironment from './systemEnvironment/index.vue';
  import SystemVariables from './systemVariables/index.vue';
  import SystemLicense from './systemLicense/index.vue';
  import { PageWrapper } from '/@/components/Page';
  import { Scrollbar } from '/@/components/Scrollbar';
  const activeKey = ref('environment');
</script>
<style lang="less" scoped>
  :deep(.ant-tabs-nav) {
    background-color: #fff;
    margin: 0;
  }
</style>
